home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / Forms Misc / radio-buttons.izs < prev    next >
Text File  |  2005-09-28  |  3KB  |  129 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Radio Buttons
  4. <!/TITLE>
  5.  
  6. <!DESCRIPTION>Tired of the same old ugly radio buttons in your forms? Try this short script.<!/DESCRIPTION> 
  7.  
  8. <!CATEGORY>Forms<!/CATEGORY>
  9.  
  10. <!SCRIPT>
  11. <!-- START OF SCRIPT -->
  12.  
  13.  
  14. <!-- HOW TO INSTALL RADIO BUTTONS:
  15.  
  16.   1.  Copy code into the HEAD section of document
  17.   2.  Put last coding into the BODY section of document  -->
  18.  
  19. <!-- STEP ONE: Add code into HEAD section of document  -->
  20.  
  21. <HEAD>
  22.  
  23. <SCRIPT LANGUAGE="JavaScript">
  24.  
  25.  
  26. <!-- Evaldo Nunes (woodstock@globo.com)  -->
  27.  
  28. <!-- Begin
  29. function Check(x,y) {
  30. for(i=1;i<=4;i++) {
  31. z = "option" + i ;
  32. document.all[z].src = "http://evrsoft.com/img/radio-buttons/off.gif" ;
  33. }
  34. document.all[x].src = "http://evrsoft.com/img/radio-buttons/on.gif"
  35. document.all.action.value = x
  36. }
  37. //  End -->
  38. </script>
  39.  
  40. </HEAD>
  41.  
  42. <!-- STEP TWO: Add code into BODY section of document  -->
  43.  
  44. <BODY>
  45.  
  46. <input type=text name=action value="option1">
  47. <p>
  48. <font face="Tahoma" size="1">
  49. <a href="#"><img border="0" src="http://evrsoft.com/img/radio-buttons/on.gif" width="11" height="11" name=option1 onclick=Check(this.name,"")></a>
  50.  option 1</font></p>
  51. <p>
  52. <font face="Tahoma" size="1"><a href="#">
  53. <img border="0" src="http://evrsoft.com/img/radio-buttons/off.gif" width="11" height="11" name=option2 onclick=Check(this.name,"")></a>
  54.  option 2</font></p>
  55. <p>
  56. <font face="Tahoma" size="1">
  57. <a href="#"><img border="0" src="http://evrsoft.com/img/radio-buttons/off.gif" width="11" height="11" name=option3 onclick=Check(this.name,"")></a>
  58.  option 3</font></p>
  59. <p>
  60. <font face="Tahoma" size="1">
  61. <a href="#"><img border="0" src="http://evrsoft.com/img/radio-buttons/off.gif" width="11" height="11" name=option4 onclick=Check(this.name,"")></a>
  62.  option 4</font></p>
  63.  
  64.  
  65.  
  66. <!-- END OF SCRIPT -->
  67. <!/SCRIPT>
  68.  
  69. <!PREVIEW>
  70. <!-- START OF SCRIPT -->
  71.  
  72.  
  73. <!-- HOW TO INSTALL RADIO BUTTONS:
  74.  
  75.   1.  Copy code into the HEAD section of document
  76.   2.  Put last coding into the BODY section of document  -->
  77.  
  78. <!-- STEP ONE: Add code into HEAD section of document  -->
  79.  
  80. <HEAD>
  81.  
  82. <SCRIPT LANGUAGE="JavaScript">
  83.  
  84.  
  85. <!-- Evaldo Nunes (woodstock@globo.com)  -->
  86.  
  87. <!-- Begin
  88. function Check(x,y) {
  89. for(i=1;i<=4;i++) {
  90. z = "option" + i ;
  91. document.all[z].src = "http://evrsoft.com/img/radio-buttons/off.gif" ;
  92. }
  93. document.all[x].src = "http://evrsoft.com/img/radio-buttons/on.gif"
  94. document.all.action.value = x
  95. }
  96. //  End -->
  97. </script>
  98.  
  99. </HEAD>
  100.  
  101. <!-- STEP TWO: Add code into BODY section of document  -->
  102.  
  103. <BODY>
  104.  
  105. <input type=text name=action value="option1">
  106. <p>
  107. <font face="Tahoma" size="1">
  108. <a href="#"><img border="0" src="http://evrsoft.com/img/radio-buttons/on.gif" width="11" height="11" name=option1 onclick=Check(this.name,"")></a>
  109.  option 1</font></p>
  110. <p>
  111. <font face="Tahoma" size="1"><a href="#">
  112. <img border="0" src="http://evrsoft.com/img/radio-buttons/off.gif" width="11" height="11" name=option2 onclick=Check(this.name,"")></a>
  113.  option 2</font></p>
  114. <p>
  115. <font face="Tahoma" size="1">
  116. <a href="#"><img border="0" src="http://evrsoft.com/img/radio-buttons/off.gif" width="11" height="11" name=option3 onclick=Check(this.name,"")></a>
  117.  option 3</font></p>
  118. <p>
  119. <font face="Tahoma" size="1">
  120. <a href="#"><img border="0" src="http://evrsoft.com/img/radio-buttons/off.gif" width="11" height="11" name=option4 onclick=Check(this.name,"")></a>
  121.  option 4</font></p>
  122.  
  123.  
  124.  
  125. <!-- END OF SCRIPT -->
  126. <!/PREVIEW>
  127.  
  128. <!RELATED>button.zip<!/RELATED>
  129.